<template>
  <div class="list-page-b">
    <div class="list-page">
      <div class="list-search">
        <div class="singe-search">
          <el-input disabled  clearable :size="size" v-model="billCode">
          </el-input>
        </div>
        <div class="singe-search">
          <el-select  clearable placeholder="请选择资产/耗材" :size="size">
            <el-option v-for="item in options" :key="item.value"
                       :label="item.label" :value="item.value">
            </el-option>
          </el-select>
        </div>
        <div class="singe-search">
          <el-input placeholder="请输入物品名称/编码搜索"  clearable :size="size">
          </el-input>
        </div>
        <div class="singe-btn">
          <el-button type="primary" :size="size" icon="el-icon-printer"
                     @click="toBack">
            选择添加资产
          </el-button>
        </div>
        <div style="height: 46px;flex-grow: 1;"></div>
        <div class="singe-btn">
          <el-button type="primary" :size="size" icon="el-icon-close"
            @click="toBack">
            取消
          </el-button>
        </div>
        <div class="singe-btn">
          <el-button type="primary" :size="size" icon="el-icon-check"
                     @click="toBack">
            确定
          </el-button>
        </div>
        <div class="singe-btn">
          <el-button type="primary" :size="size" icon="el-icon-printer"
                     @click="toBack" style="margin-right: 0;">
            提交并打印单据
          </el-button>
        </div>
      </div>
      <!--      <div class="info-main" style="height:200px;">-->
<!--        <div class="info-form">-->
<!--          <div class="info-item">-->
<!--            <div class="info-l">标题1</div>-->
<!--            <div class="info-r">-->
<!--              <el-input v-model="infoForm.name1" disabled clearable>-->
<!--              </el-input>-->
<!--            </div>-->
<!--          </div>-->
<!--          <div class="info-item">-->
<!--            <div class="info-l">标题2</div>-->
<!--            <div class="info-r">-->
<!--              <el-input v-model="infoForm.name2" disabled clearable>-->
<!--              </el-input>-->
<!--            </div>-->
<!--          </div>-->
<!--          <div class="info-item">-->
<!--            <div class="info-l">标题3</div>-->
<!--            <div class="info-r">-->
<!--              <el-input v-model="infoForm.name3" disabled clearable>-->
<!--              </el-input>-->
<!--            </div>-->
<!--          </div>-->
<!--          <div class="info-item">-->
<!--            <div class="info-l">标题4</div>-->
<!--            <div class="info-r">-->
<!--              <el-input v-model="infoForm.name4" disabled clearable>-->
<!--              </el-input>-->
<!--            </div>-->
<!--          </div>-->
<!--          <div class="info-item">-->
<!--            <div class="info-l">标题5</div>-->
<!--            <div class="info-r">-->
<!--              <el-input v-model="infoForm.name5" disabled clearable>-->
<!--              </el-input>-->
<!--            </div>-->
<!--          </div>-->

<!--        </div>-->
<!--      </div>-->

      <div class="table-main">
        <el-table :data="tableData" style="width: 100%" :height="tableHeight">
          <el-table-column prop="name" label="资物品名称" :show-overflow-tooltip="true" width="200">
          </el-table-column>
          <el-table-column prop="name" label="类型" :show-overflow-tooltip="true" width="200">
          </el-table-column>
          <el-table-column prop="date" label="品牌" :show-overflow-tooltip="true" >
          </el-table-column>
          <el-table-column prop="address" label="资产/耗材" :show-overflow-tooltip="true" >
          </el-table-column>
          <el-table-column prop="address" label="编码" :show-overflow-tooltip="true" >
          </el-table-column>
          <el-table-column prop="address" label="供应商" :show-overflow-tooltip="true" >
          </el-table-column>
        </el-table>
      </div>



    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      billCode:'单据编号：ZHDJF17494',
      size:"small",
      tableData: [],
      infoForm:{
        name1:"name1",
        name2:"name2",
        name3:"name3",
        name4:"name4",
        name5:"name5",
      },
    }
  },
  computed:{
    tableHeight(){
      let h=document.body.clientHeight-430;
      return h;
    },
  },
  watch:{},
  created(){
    this.tableData=[]
    for (let i = 0; i < 10; i++) {
      this.tableData.push({
        id:i,
        date: '2016-05-03',
        name: '王小虎 '+i,
        address: '金沙江路 1516 '+i,
        selectValue: '选项'+i,
        inputValue: '王小虎 '+i,
        timeValue: '2016-05-03',
        desc: '金沙江路 1516 '+i,
      })
    }
  },
  mounted(){},
  methods:{
    getTableData(){},
    toBack(){
      this.$router.push({path: `/demo/demo`});
    },

  },
}
</script>

<style lang="scss">
@import '../../styles/page/list.scss';
</style>
